<template>
  <div id="app" :style="attribute">
    <index></index>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import Index from './components/Index.vue'

export default {
  name: 'App',
  components: {
    Index
  },
  data(){
    return{
      attribute: {
        backgroundImage: "url(" + require("../public/bg.jpg") + ")",
        backgroundRepeat: "no-repeat",
        backgroundSize: "100% 100%",
        width: "100%",
        height: "975px"
      }
    }
  }
  // updated(){
  //   let username = this.$session.get("username");
  //   if(this.$session.get(username+"isLogin")) {
  //       this.isShowLogout = true;
  //       this.isShow  = false;
  //   }else{
  //     this.isShowLogout = false;
  //     this.isShow = true;
  //   }
  // },
 
}



</script>

<style>
  .container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 400px !important;
    background-image: '../public/bg.jpg' !important;
  }
</style>